.wrap-download{
    .sort{
        margin-top: 30px;
    }
    .download{
        margin-top: 70px;
        ul{
            li{
                padding: 15px 0;
                border -bottom:1px solid #e8e8e8;
                overflow: hidden;
                &:first-child{
                    border-top:1px solid #e8e8e8;
                }
                .text{
                    width: 70%;
                    display: inline-block;
                    vertical-align: middle;
                    @media(max-width: 1199px){
                        width: 60%;
                    }
                    @media(max-width: 991px){
                        width: 50%;
                    }
                    p{
                        font-size:15px;
                        font-weight: 500;
                        margin: 0;
                    }
                }
                .item{
                    width: 30%;
                    display: inline-block;
                    margin-right: -4px;
                    vertical-align: middle;
                    text-align: right;
                    padding-right: 4px;
                    @media(max-width: 1199px){
                        width: 40%;
                    }
                    @media(max-width: 991px){
                        width: 50%;
                    }
                    p{
                        display: inline-block;
                        margin-right: -4px;
                        margin: 0;
                        font-size:13px;
                        color: @c6;
                        font-weight: 500;
                        .transition(all,0.2s);
                        @media(max-width: 640px){
                            display: block;
                            text-align: center;
                        }

                        a{
                            display: block;
                            &:before{
                                font-family: "iconfont";
                                content: '\e609';
                                display: block;
                                text-align: center;
                                color: @color;
                                font-size: 20px;
                            }
                        }
                        &.p-download{
                            padding-right: 36px;
                            border-right:1px solid #f3f3f3;
                            @media(max-width: 991px){
                                padding-right: 20px;
                            }
                            @media(max-width: 640px){
                                padding-right: 0;
                            }
                            a{
                                &:before{
                                    color: #6ed6ad;
                                }
                            }
                            &:hover{
                                color: #6ed6ad;
                            }
                        }
                        &.a-download{
                            padding-left: 36px;
                            border-right:1px solid #f3f3f3;
                            @media(max-width: 991px){
                                padding-left: 20px;
                            }
                            @media(max-width: 640px){
                                padding-left: 0;
                            }
                            &:hover{
                                color:@color;
                            }
                        }
                    }
                }
            }
        }
    }
}
